<template>
  
    <el-container class='admin-container'>
      <el-header>
      <div class="head">
        <span>人才管理系统</span>
      </div>
      <el-button type="info" @click="logout">退出</el-button>
    </el-header>
      <el-container>
    <el-aside width="200px">
        <el-menu background-color="#3C3C3C" text-color="#fff" active-text-color="#409EFF" unique-opened="" :collapse = "isCollapse" :collapse-transition="false" router :default-active="$route.path">
      <el-menu-item index="new">
        <template slot="title"><i class="el-icon-circle-plus"></i>新建档案</template>        
      </el-menu-item>
      <el-menu-item index="manage"><i class="el-icon-tickets"></i>档案管理</el-menu-item>
        
    </el-menu>
    </el-aside>
    <el-main>
        <router-view>

        </router-view>
    </el-main>
  </el-container>
    </el-container>
  
</template>


<script>
export default {
 
  methods:{
      logout(){
          this.$router.push('/oplogin');
      }
  }
};
</script>

<style scoped>
.admin-container {
  height: 100%;
}
.el-header{
  background-color: 	#272727;
  display: flex;
  justify-content: space-between;
  padding-left: 0;
  align-items: center;
  color: white;
  font-size: 15px;
  height: 50px;
}

.head {
    width: 100px;
    margin-left: 10px;
}
.el-aside .el-menu {
  border-right: none;
  
}
.el-aside {
    background-color:#3C3C3C;
    text-align: center;
    line-height: 200px;
  }
  
  .el-main {
    background-color: #E9EEF3;
    color: #333;
    text-align: center;
    line-height: 160px;
  }
</style>